/**
 * Created by ste on 2018/1/17.
 */

import React, {Component} from 'react';

import {
  Text,
  StyleSheet,
  View,
} from 'react-native';
import Link from '../../components/Link';

const styles = StyleSheet.create({
  container: {
    flex: 1,
    alignItems: 'center',
    justifyContent: 'center',
  },
});

export default class index extends Component {
  render() {
    return (
      <View style={styles.container}>
        <Link onPress={require('./demo1').default}>Observable</Link>
        <Link onPress={require('./demo2').default}>Computed</Link>
        <Link onPress={require('./demo3').default}>Observable Object</Link>
        <Link onPress={require('./demo4').default}>Observable Array</Link>
        <Link onPress={require('./demo5').default}>Use class&decorator</Link>
        <Link onPress={require('./demo6').default}>Observable Map</Link>
      </View>
    );
  }
}